<extend name="zh_cn:Public:base" />
<block name="title">
    <title>美住 - 订单管理</title>
</block>
<block name="extendHead">
    <link rel="stylesheet" type="text/css" href="/Public/dist/Home/common_control.css?rev=46adc911a6b26851baa67c2c176ed25d">
    <link rel="stylesheet" type="text/css" href="/Public/dist/Home/OrderPage/change.css?rev=90eb823c15ae062746076ec6f0b42a43">
    <link rel="stylesheet" type="text/css" href="/Public/dist/Home/BookPage/order.css?rev=7531b2bbd2f1cbcd31f6838a1e84cc5d7">
    <link rel="stylesheet" type="text/css" media="all" href="__PUBLIC__/jslib/bootstrap-daterangepicker/daterangepicker.css" />
</block>
<block name="document">
    <div id="doc" class="container-above-md" data-year="{:date('Y-m-d',strtotime('+6months'));}">
        <include file="zh_cn:Public:Include_control_navbar" navbar-menu-order="active" />
        <include file="zh_cn:Public:Include_content_loading" loading-container-id="mainLoading" loading-title="" />
        <div id="doc-body" class="row">
         <include file="zh_cn:Public:Include_order_menu" doc-side-change="active" />
            <div id="doc-center">
                <div id="filterHeader" class="typo-text-black-deep">
                    <div class="border-box">
                        <div class="dropdown" id="dateType-switch">
                            <ul class="dropdown-menu dropdown-menu-left price-type">
                                <div class="scrollContainer"> 
                                    <li class="active"><a href="javascript:void(0);" data-name="pricetype" data-id="0">所有价格类型</a></li>
                                    <li><a href="javascript:void(0);" data-name="pricetype" data-id="1">默认价</a></li>
                                    <li><a href="javascript:void(0);" data-name="pricetype" data-id="2">门市价</a></li>
                                    <li><a href="javascript:void(0);" data-name="pricetype" data-id="3">微预定代销价</a></li>
                                    <li><a href="javascript:void(0);" data-name="pricetype" data-id="4">尾房特卖</a></li>
                                    <li><a href="javascript:void(0);" data-name="pricetype" data-id="5">钟点房价</a></li>
                                    <li><a href="javascript:void(0);" data-name="pricetype" data-id="6">长租房价</a></li>
                                </div>
                            </ul>
                            <a data-toggle="dropdown" id="filterDateType" class="without-min-width btn" href="javascript:void(0);"><span class="info">所有价格类型</span><span class="caret"></span></a>
                        </div>
                            
                    </div>
                    <div class="border-box">
                        <div class="dropdown" id="room-switch">
                            <ul class="dropdown-menu dropdown-menu-left dropdown-menu-expand" >
                                <div class="scrollContainer" id="filterRoomMenu">
                                </div>
                            </ul>
                            <a data-toggle="dropdown" id="filterRoom" class="without-min-width btn" href="javascript:void(0);"><span class="info">所有房间</span><span class="caret"></span></a>
                        </div>
                    </div>
                    <div class="border-box">
                        <div class="dropdown" id="time-switch">
                            <ul class="dropdown-menu dropdown-menu-left dropdown-menu-expand">
                                <li class="active"><a href="javascript:void(0);" data-name="sale" data-id="0">操作时间</a></li>
                                <li><a href="javascript:void(0);" data-name="sale" data-id="1">售卖时间</a></li>
                            </ul>
                            <a data-toggle="dropdown" id="filterChannel" class="without-min-width btn" href="javascript:void(0);"><span class="info">操作时间</span><span class="caret"></span></a>
                        </div>
                    </div>
                    <div class="border-box" style="width: 180px;">
                        <div class="dropdown">
                                <div id="datePicker"><span class="iconfont icon-calendar"></span>&nbsp;<span class="start">{:date('Y-m-d');}</span>&nbsp;~&nbsp;<span class="end">{:date('Y-m-d');}</span></div>
                                <input id="datePickerInput" value="" />
                        </div>
                    </div>
                    <div class="border-box">
                        <div class="dropdown" id="creator-switch">
                            <ul class="dropdown-menu dropdown-menu-left dropdown-menu-expand">
                                <div class="scrollContainer" id="priceCreator">
                                </div>
                            </ul>
                            <a data-toggle="dropdown" id="filterChannel" class="without-min-width btn" href="javascript:void(0);"><span class="info">所有操作员</span><span class="caret"></span></a>
                        </div>
                    </div>
                    <div class="btn-sm btn-accent btn-raised" id="filterSearch">查询</div>
                </div>
                <div class="content-panel">
                    <include file="zh_cn:Public:Include_content_loading" loading-container-id="loading" />
                    <div class="content-panel-body">
                        <table class="table content-panel-table">
                            <thead>
                                <tr>
                                    <th>操作时间</th>
                                    <th>操作员</th>
                                    <th>房型</th>
                                    <th>售卖时间</th>
                                    <th>价格类型</th>
                                    <th>操作详情</th>
                                </tr>
                            </thead>
                            <tbody id="changeListBody"></tbody>
                        </table>
                        <div id="changeListBodyEmpty" class="typo-text-black-light typo-subhead">没有找到符合的记录</div>
                        </div>
                        <div id="changeListPage" class="content-panel-footer hidden">
                            <div class="pull-right">
                                <ul class="pagination pagination-sm"></ul>
                            </div>
                            <div class="pull-right content-panel-pagination-info">
                                共有&nbsp;<span class="text-accent page-total"></span>&nbsp;条记录，总页数：&nbsp;<span class="text-accent page-count"></span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--end of doc-center-->
        </div>
        <!--end of doc body-->
    </div>
    <!--js要用到的模板-->
    <script type="text/html" id="templatePage">
        <li><a href="javascript:void(0);"></a></li>
    </script>
    <script type="text/html" id="templateChange">
        <tr>
            <td class="col-xs-2">
                <div class="price-creattime"></div>
            </td>
            <td class="col-xs-2">
                <div class="price-operator"></div>
            </td>
            <td class="col-xs-2">
                <div class="price-room-type"></div>
            </td>
            <td class="col-xs-2">
                <div class="price-sale-time"></div>
            </td>
            <td class="col-xs-1">
                <div class="price-change-type"></div>
            </td>
            <td class="col-xs-3">
                <div class="price-detail"></div>
            </td>
        </tr>
    </script>
    <!--检查房间状态模态框-->
    <include file="zh_cn:Public:Include_checkout_modal" />  
    <!--end of doc-->
    <include file="zh_cn:Public:Include_order_modal" />
</block>
<block name="extendFootJs">
    <script type="text/javascript" src="/Public/dist/Home/common_control.js?rev=47b7b685f8b2e9ecb541c63fe2bc13cd"></script>
    <script type="text/javascript" src="__PUBLIC__/jslib/moment.js/2.9.0/moment.min.js"></script>
    <script type="text/javascript" src="__PUBLIC__/jslib/bootstrap-daterangepicker/daterangepicker.js"></script>
    <script type="text/javascript" src="/Public/dist/Home/OrderPage/change.js?rev=a90d5580da24f6a2119b52e28f59a24s"></script>
</block>
